<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../js/lib/vue-v2.5.13/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="app">
			<div>a:{{a}}</div>
			<div>b:{{b}}</div>
			<div>c:{{c}}</div>
		</div>
		<script type="text/javascript">
			// 我们的数据对象
			var data = {
				a: 1,
				b: 2,
				c: 3
			}
			// 该对象被加入到一个 Vue 实例中
			var vm = new Vue({
				el: '#app',
				data: data
			})
			vm.$watch('a', function(newValue, oldValue) {
				// 这个回调将在 `vm.a` 改变后调用
				console.log('prop a\'s value from', oldValue, ' change to ', newValue);
			})
			vm.a = 7;
			setTimeout(function() {
				data.a = 9;
			}, 10);
			debugger;
		</script>
	</body>

</html>